<extend name="Public:common"/>
<block name="css">
    <style>

        td,th,tr{

            border:1px solid #000000;
        }

        .mytable{

            border-right:1px solid #F00;border-bottom:1px solid #F00;
        }

        .distcity{

            border-radius: 5px 5px 5px;width: 60%;height: auto;border:1px silver solid;margin-left: 2%;
        }

        .newMess th{text-align:center;}
        .row-div {
            height: auto;
            line-height: 30px;
            font-size: 14px;
            margin-bottom: 10px;
            padding: 0px 100px!important;
        }
        .explain{
            font-size: 12px;
            color: #ccc;
            height: 20px;
        }

        .form-input{
            width: 400px!important;
        }
        .trip-input{
            width: 700px!important;
        }
        .form-radio{
            width: 20px!important;
        }
        .form-date{
            width: 200px!important;
        }
        .form-select{
            width: 150px!important;
        }
        .col-md-10 span{
            margin-right: 7px;
        }
        .col-md-12 span{
            margin-right: 7px;
        }
        .left-float{
            float: left;;
        }
        .margin-left{
            margin-left: 45px;
        }
        .margin-left2{
            margin-left: 28px;
        }
        .margin-left3{
            margin-left: 20px;
        }
        .margin-left5{
            margin-left: 50px;
        }
        .margin-left7{
            margin-left: 70px;
        }
        .margin-row{
            margin-top: 25px;   
        }

        .low-top-2{
            margin-top: 20px!important;
        }
        .input-width-10{
            width: 100%!important;
        }
        .date-center{
            margin: 0px!important;
            height: 34px;
            width: 34px;
            border: 1px solid #ddd;
            background-color: #ddd;
            text-align: center;
        }
        .btn-add{
            background: none;
            border: none;
            width: 34px;
            height: 34px;
            text-align: center;
            float: left;
            margin-left: 45px;
            margin-top: -4px;
            font-size: 35px;
            font-weight: bold;
            color: #438eb9;
        }
        .type-item{
            height: 34px;
            width: 34px;
            border: 1px solid #ddd;
            background-color: #ddd;
            text-align: center;
            padding: 6px 8px;
        }
        .seat-module{
            width: 310px;
        }
        .seat-module span{
            margin-right: 7px!important;
        }
        .seat-item{
            margin-top: -31px;
            margin-left: 78px;
        }

        .radio-span{
            display: inline-block;
            width: 55px!important;
        }
        .hotel-module{
            width: 410px;
        }
        .span-two{
            width: 60px;
            display: inline-block;
            height: 30px;
            line-height: 19px;
        }
        .currency-div{
            width: 30%;
            float: left;
            margin-right: 30px;
        }
        .span-hiden{
            visibility: hidden;
        }

        .cost-item{
            margin-right: 30px;
            margin-top: 20px;
            margin-left: 50px;
        }
        .special-price-button{
            background-color: #438eb9;
            border: none;
            margin-left: 80px;
            margin-bottom: 20px;
        }
        .textarea-height{
            min-height: 180px;
        }
        
        .play-table-width{
            width: 72.5%!important;
        }
        .table-th-width-3{
            width: 30%;
        }
        .table-th-width-2{
            width: 22.5%;
        }
        .table-th-width-5{
            width: 50%;
        }
        .table-th-width-1{
            width: 10%;
        }
        .table-th-width-20{
            width: 20%;
        }
        .delete-btn-margin{
            margin-left: 13px!important;
            margin-top: 3px!important;
        }
        .center{
            text-align: center;
        }
        .six-row-fist{
            background: #eee;
            font-size: 17px;
            padding: 5px 13px;
        }

        .six-row-fist span{
            margin-left: 10px;
        }
        .six-row-fist-li {
            padding: 2px 20px;
            font-size: 15px;
        }
        .six-row-fist-li span{
            margin-left: 5px;
        }

        .six-row-second{
            background: #eee;
            font-size: 14px;
            padding: 5px 13px;
        }
        .six-row-second-li{
            padding: 0px 15px;
            font-size: 13px;
        }


        /*行程安排tab*/
        ol,ul,li{list-style:none; padding: 0; margin: 0;}
        a{text-decoration: none;}
        /*tab样式*/
        .wrapper{height: auto; overflow: hidden;margin: 0 auto;}
        .div-tab{ width: 100%; height: auto; overflow: hidden;}
        .tab_list{width: 100%;height: 40px; overflow: hidden; position:relative;border-bottom: 1px solid #eee;}
        .div-tab-head{width: 620px; padding: 0 10px; height: 35px; overflow: hidden; position: absolute; bottom: 0px;}
        .div-tab-head>li{cursor: pointer; width: 14.2%;height: 35px; line-height: 35px; text-align: center; float: left; font-size: 14px; color:#000;}
        .day-item{ display: none; width: 100%;height: auto;margin-top: 30px;}
        .day-item>a{ font-size: 20px; color: #67bbcf; padding: 10px; margin: 5px; font-weight: bold; display: inline-block;}
        .day-item>a:hover{color: #000;}
        .head-on{ border-bottom: 2px solid #479CE4;}
        .day-item-on{ display: block;}
    </style>
    <link rel="stylesheet" href="/Tpl/Operator/css/tabstyle.css"/>

</block>
<block name="content">
 <div class="page-header" style="background-color: #fff!important"><h1><i class="fa fa-home"></i> 首页 &gt;产品管理&gt;线路发布</h1></div>
    <article class="tabs">

        

         <input  class="tab-item" id="one" name="tabs" type="radio" disabled="disabled">
        <label for="one">第一步基本信息</label>


        <input   class="tab-item" id="two" name="tabs" type="radio"  value="Two" disabled="disabled">
        <label for="two">第二步价格计划</label>



        <input   class="tab-item step3" id="three" name="tabs" type="radio" disabled="disabled">
        <label for="three">第三步行程安排</label>


        <input  class="tab-item step3"  id="four" name="tabs" type="radio" disabled="disabled">
        <label for="four">第四步签证添加</label>

 
        <input   class="tab-item" id="five" name="tabs" type="radio" disabled="disabled">
        <label for="five">第五步附加产品</label>
 


        <input checked  class="tab-item" id="six" name="tabs" type="radio" disabled="disabled">
        <label for="six" style="background:#438eb9;">第六步销售渠道</label>


        <div class="panelsd">


                <!-- 销售渠道 第六步-->
                <div class="paneld">
                <form action="{:U('line/step6_action')}" method="post">
                 <!-- 隐藏域传递当前是第几步 -->
                <input type="hidden" name="step" value="6" />

                    <div class="row row-div">
                        <!-- <div class="col-md-2" ><p class="text-right">价格：</p></div> -->
                        <div class="col-md-12 low-top-2">
                            <ul>
                                <li>
                                    <div  six-row-fist"><input type="checkbox" class="qudao"><span>全渠道</span></div>
                                    <ul>
                                        <li  class="six-row-fist-li"><input class="qudao" type="checkbox" name="all_channel"><span>全渠道</span></li>
                                    </ul>
                                </li>
                                <li>
                                    <div class="six-row-fist"><input class="online" type="checkbox"><span>线上</span></div>
                                    <ul>
                                                <volist name="channels" id="vo">
                                               <li class="six-row-second-li">
                                                    <input class="online-" type="checkbox"
                                                    name="channel_type[]" value="{$vo['channel_id']}"/><span>
                                                        {$vo['channel_name']}
                                                    </span>
                                                </li>

                                                </volist>
                   
                                    </ul>
                                </li>
                                <li>
                                    <div class="six-row-fist"><input type="checkbox" class="offline"><span>线下</span></div>
                                    <ul>
                                        <!-- 运营商 -->
                                        <volist name="users" id="val">
                                        <li class="six-row-fist-li">`
                                            <div class="six-row-second"><input class="offline-{$val['operator_id']}" type="checkbox" name="" id=""><span>{$val["operator_name"]}</span></div>
                                            <ul>
                                                <volist name="stores" id="vo">
                                                    <if condition="$val['operator_id'] eq $vo['pid']">
                                                    <li class="six-row-second-li">
                                                    <input class="offline-{$val['operator_id']}-node" type="checkbox" name="store_id[]" value="{$vo['operator_id']}"/><span>{$vo['operator_name']}</span>
                                                    </li>
                                                </if>

                                                </volist>
                   
                                            </ul>
                                        </li>
                                        </volist>

                                        <!-- 分销商 -->
                                        <li class="six-row-fist-li">
                                            <div class="six-row-second"><input type="checkbox" class="sellers"><span>分销商</span></div>

                                            <ul>
                                                <volist name="sellers" id="vo">
                                                <li class="six-row-second-li"><input type="checkbox" class="sellers-{$vo['reseller_id']}" name="seller_id[]" value="{$vo['reseller_id']}" /><span>{$vo['reseller_account']}</span></li>
                                                </volist>
                                            </ul>
                                        </li>
                                    
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </div>

                    <a style="margin-left: 50%;border-radius: 8px 8px 8px;" href="{:U('line/form_step5')}" class="btn btn-info">上一步</a>
                    <label style="background-color: orange;">温馨提醒：一旦保存，部分数据将不可修改</label>
                         <input type="submit" style="margin-left: 5%;border-radius: 8px 8px 8px;" name="" class="btn btn-info" value="确认保存" />

                    </form>

                </div>
        </div>
    </article> 
</block>
<block name="js">
    <script src="__PUBLIC__/plugins/kindeditor/kindeditor.js"></script>
    <script src="__PUBLIC__/plugins/kindeditor/lang/zh_CN.js"></script>
    <script type="text/javascript" src="__STATIC__/layer/layer.js"></script>
    <script>
        KindEditor.ready(function(K) {
            editor1 = K.create('textarea[name="schedule"]', {
                height:'250px',
                width:"700px",
                allowFileManager : false,
                allowImageUpload : true,
                items:[
                        'source', '|', 'undo', 'redo', '|', 'preview', 'print', 'template', 'cut', 'copy', 'paste',
                        'plainpaste', 'wordpaste', '|', 'justifyleft', 'justifycenter', 'justifyright',
                        'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript',
                        'superscript', 'clearhtml', 'quickformat', 'selectall', '|', 'fullscreen', '/',
                        'formatblock', 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold',
                        'italic', 'underline', 'strikethrough', 'lineheight', 'removeformat', '|','image','multiimage','table', 'hr', 'emoticons', 'baidumap', 'pagebreak',
                        'anchor', 'link', 'unlink', '|', 'about'
                ],
                afterBlur: function(){ this.sync(); }
            });
        });
    </script>
    <script>
        $(document).ready(function(){
            $(".div-tab-head>li").click( function(){
            var index=$(this).index();
            $(this).addClass("head-on").siblings().removeClass("head-on");
            $(".day-item").addClass("day-item-on").eq(index).siblings(".day-item").removeClass("day-item-on");
        });
        })
    </script>

<!-- 欧  2017-9-12 -->

<!-- 渠道处理 -->
<script type="text/javascript">
    $(document).ready(function(){

        $(".qudao").click(function(){
            var node = $(this);
            var res = node[0]['checked'];
            // console.info(res);
           $(".qudao").prop("checked", res);

        });

        $(".online").click(function(){
            var node = $(this);
            var res = node[0]['checked'];
            $("input[class^='online']").prop('checked',res);
        });


        $(".offline").click(function(){
            var node = $(this);
            var res = node[0]['checked'];
            $("input[class^='offline']").prop('checked',res);
        });

        $("input[class^='offline-']").click(function(){
            var node = $(this);
            var cls = node[0]['className'];
            var res = node[0]['checked'];
            console.log(cls);
            var soncls = cls+"-node";
            $("input[class='"+soncls+"']").prop('checked',res);
        });
        // 
        $(".sellers").click(function(){
            var node = $(this);
            var cls = node[0]['className'];
            var res = node[0]['checked'];
            var soncls = cls+"-node";
            $("input[class^='sellers']").prop('checked',res);
        });


    });
</script>




</block>

